<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<c:set var="cp" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>购物+</title>
  <link href="${cp}/static/css/bootstrap.min.css" rel="stylesheet">
  <link href="${cp}/static/css/style.css" rel="stylesheet">

  <script src="${cp}/static/js/jquery.min.js" type="text/javascript"></script>
  <script src="${cp}/static/js/bootstrap.min.js" type="text/javascript"></script>
  <script src="${cp}/static/js/layer.js" type="text/javascript"></script>
  <!--[if lt IE 9]>
  <script src="${cp}/static/js/html5shiv.min.js"></script>
  <script src="${cp}/static/js/js/respond.min.js"></script>
  <![endif]-->
</head>
<body>
<!--导航栏部分-->
<jsp:include page="include/header.jsp"/>
<div class="container header">
	<div class="span5">
		<div class="logo">
			<a>
				<img src="${cp}/image/r___________renleipic_01/logo2.gif" alt="购物+"/>
			</a>
		</div>
	</div>
	<div class="span9">
<div class="headerAd">
					<img src="${pageContext.request.contextPath}/image/r___________renleipic_01/header.jpg" alt="正品保障" title="正品保障" height="50" width="320"/>
</div>	</div>
</div><div class="container productContent">
		<div class="span6">
			<div class="hotProductCategory">
					<c:forEach var="c" items="${clist}">
						<dl>
							<dt>
								<a href="${pageContext.request.contextPath}/findByCid?cid=${c.cid}&page=1">${c.cname}</a>
							</dt>
							<c:forEach var="cs"  items="${c.categorySecondList}" >
								<dd>
									<a href="${pageContext.request.contextPath}/findByCsid?csid=${cs.csid}&page=1">${cs.csname}</a>
								</dd>
							</c:forEach>
						</dl>
					</c:forEach>
			</div>
			

		</div>
		<div class="span18 last">
			
			<div class="productImage">
					<a title="" style="outline-style: none; text-decoration: none;" id="zoom" href="http://image/r___________renleipic_01/bigPic1ea8f1c9-8b8e-4262-8ca9-690912434692.jpg" rel="gallery">
						<div class="zoomPad">
						  <img style="opacity: 1;" title="" class="medium" src="<%--${cp}/static/${product.image}--%>"/>
						  <div style="display: block; top: 0px; left: 162px; width: 0px; height: 0px; position: absolute; border-width: 1px;" class="zoomPup"></div>
						  <div style="position: absolute; z-index: 5001; left: 312px; top: 0px; display: block;" class="zoomWindow">
							  <div style="width: 368px;" class="zoomWrapper">
								    <div style="width: 100%; position: absolute; display: none;" class="zoomWrapperTitle">
								    </div>
								    <div style="width: 0%; height: 0px;" class="zoomWrapperImage">
								      <img src="%E5%B0%9A%E9%83%BD%E6%AF%94%E6%8B%89%E5%A5%B3%E8%A3%852013%E5%A4%8F%E8%A3%85%E6%96%B0%E6%AC%BE%E8%95%BE%E4%B8%9D%E8%BF%9E%E8%A1%A3%E8%A3%99%20%E9%9F%A9%E7%89%88%E4%BF%AE%E8%BA%AB%E9%9B%AA%E7%BA%BA%E6%89%93%E5%BA%95%E8%A3%99%E5%AD%90%20%E6%98%A5%E6%AC%BE%20-%20Powered%20By%20Mango%20Team_files/6d53c211-2325-41ed-8696-d8fbceb1c199-large.jpg" style="position: absolute; border: 0px none; display: block; left: -432px; top: 0px;"/>
								    </div>
							 </div>
						  </div>
						 
						 <div style="visibility: hidden; top: 129.5px; left: 106px; position: absolute;" class="zoomPreload"/>Loading zoom
						</div>
					   
				  </a>
			 </div>

	  </div>
						
  </div>
			
			<div class="name"><%--${product.pname}--%></div>
			<div class="sn">
				<div>编号：${c.pid}<%--${product.pid}--%></div>
			</div>
			<div class="info">
				<dl>
					<dt>商城价:</dt>
					<dd>
						<strong>￥<%--${product["shop_price"]}--%>元</strong>
						市场价：<del>￥<%--${product["market_price"]}--%>元</del>
							
					</dd>
				</dl>
					<dl>
						<dt>促销:</dt>
						<dd>
							<a target="_blank" title="限时抢购 (2015-07-30 ~ 2016-01-01)">限时抢购</a>
							
						</dd>
					</dl>
					<dl>
						<dt>    </dt>
						<dd>
							<span>    </span>
						</dd>
					</dl>
			</div>
			<form id="cartForm" action="${pageContext.request.contextPath}/addCart" method="post" >
				<%--设置商品的pid，以便于在购物项中获取 --%>
				<input type="hidden" name="pid" value="<%--${product.pid}--%>"/>
				
				<div class="action">
						<dl class="quantity">
							<dt>购买数量:</dt>
							<dd>
								<input id="count" name="quantity" value="1" maxlength="4" onpaste="return false;" type="text"/>
								<div>
									<span id="increase" onclick="plus()" class="increase">&nbsp;</span>
									<span id="decrease" onclick="reduce()" class="decrease">&nbsp;</span>
								</div>
							</dd>
							<dd>
								件
							</dd>
						</dl>
					<div class="buy">
							<input id="addCart" class="addCart" value="加入购物车" type="button" onclick="saveCart()"/>
					</div>
				</div>
			  </form>
			  <%--
			
			<div id="bar" class="bar">
				<ul>
						<li id="introductionTab">
							<a href="#introduction">商品介绍</a>
						</li>
						
				</ul>
			</div>
			--%>
			<div id="introduction" name="introduction" class="introduction">
					<div class="title">
						<strong onclick="look_up1()" style="cursor:pointer;">商品评价</strong>
					</div>
				<div>
					<%--<c:forEach var="e" items="${product.evaluates}">
						<div class="comment">
							<div class="comment_left">
								<span><img width="50px" height="50px" src="/shop/images/toux.png"/></span>
								<span class="comment_left_username">${e.user.username}</span>
							</div>
							<div class="comment_right">
								<div class="comment_right_top">满意度：${e.title}</div>
								<div class="comment_right_mid">评价内容：${e.content}</div>
								<div class="comment_right_end">评价时间：${e.date}</div>
							</div>
						</div>
					</c:forEach>--%>
					<hr/>
				</div>
				<div class="title">
					<strong>商品介绍</strong>
				</div>
				<div>
					<img src="<%--${cp}/${product.image}--%>" width="720px" height="400px;"/><br/>
				</div>
				<div class="title">
					<strong>详情描述</strong>
				</div>
				<div style="border-bottom:1px solid #ccc;">
					<strong style="font-size:20px;"><%--${product.pdesc}<--%>/strong>
				</div>
			</div>
		</div>
	</div>
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2">
  <jsp:include page="include/foot.jsp"/>
</div>
</body>
</html>